<!doctype html>
<html lang="zh-cn">
<head>
	<?php include('./tpl/head.php'); ?>

	<title>网上书城</title>

	<link href="css/index.css" rel="stylesheet">

</head>

<body>
	<?php include('./tpl/nav.php'); ?>


	<div class="container">
		<div class="row">
			<div id="carousel-generic" class="carousel slide" data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#carousel-generic" data-slide-to="0" class="active"></li>
					<li data-target="#carousel-generic" data-slide-to="1"></li>
					<li data-target="#carousel-generic" data-slide-to="2"></li>
				</ol>

				<div class="carousel-inner" role="listbox">
					<div class="item active">
						<img src="./image/book1.jpg">
						<div class="carousel-caption">
							<h4>Book 1.</h4>
							<h4>This is Book 1.</h4>
						</div>
					</div>
					<div class="item">
						<img src="./image/book2.jpg">
						<div class="carousel-caption">
							<h4>Book 2.</h4>
							<h4>This is Book 2.</h4>
						</div>
					</div>
					<div class="item">
						<img src="./image/book3.jpg">
						<div class="carousel-caption">
							<h4>Book 3.</h4>
							<h4>This is Book 3.</h4>
						</div>
					</div>
				</div>

				<!-- Controls -->
				<a class="left carousel-control" href="#carousel-generic" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left"></span>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#carousel-generic" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right"></span>
					<span class="sr-only">Next</span>
				</a>
			</div>
		</div> <!-- /.row -->

		<div class="row">
			<div class="list-group col-sm-3" id="classifyList">
				正在加载列表...
			<!-- 
				<a href="#" class="list-group-item active" data-classifyId="1">计算机科学理论</a>
				<a href="#" class="list-group-item" data-classifyId="2">编程语言</a>
			-->
			</div>
			<div class="col-sm-9" id="bookList">
				<div class="row">
				<!-- 
					<div class="col-sm-6 col-md-4">
						<div class="thumbnail">
							<img src="./image/计算机程序的构造和解释(原书第2版).jpg">
							<div class="caption">
								<h4>计算机程序的构造和解释(原书第2版)</h4>
								<p><span class="bookPrice">33.5</span>元</p>
								<p><a href="#" class="btn btn-primary" role="button">查看详情</a></p>
							</div>
						</div>
					</div>
				-->
				</div>
			</div>
		</div>
	</div> <!-- /.container -->



	<?php include('./tpl/foot.php'); ?>
	<script>
		$(function(){
			getClassifies();
		});
	</script>
</body>
</html>
